<div>
  <ion-header>
    <ion-toolbar color="care">
      <ion-title>{{title | translate}}</ion-title>
      <ion-buttons slot="end">
        <ion-button style="color:white" (click)="onModelConfirm()">{{ 'Confirm' | translate}}</ion-button>
      </ion-buttons>
    </ion-toolbar>
  </ion-header>

  <div style="padding: 20px 10px; width:100%">
    <div style="max-height: 300px" *ngIf="!!imgId">
      <ion-img style="height: 300px" [src]="imgId" *ngIf="!!imgId"></ion-img>
    </div>

    <div *ngIf="!!hospitalArr">
      <ion-item lines="none" *ngFor="let item of hospitalArr">{{item.hospital_name}}</ion-item>
    </div>

    <div *ngIf="!!personalRewards">
<!--      <ion-item lines="none">{{personalRewards}}</ion-item>-->
      <div [innerHTML]="personalRewards"></div>
    </div>

    <div *ngIf="!!personalInfo">
<!--      <ion-item lines="none">{{personalInfo}}</ion-item>-->
      <div [innerHTML]="personalInfo"></div>
    </div>

    <div *ngIf="!!medicalQualification">
<!--      <ion-item lines="none">{{medicalQualification}}</ion-item>-->
      <div [innerHTML]="medicalQualification"></div>
    </div>
  </div>
</div>
